﻿*{
    margin:0;
    padding:0;
    list-style: none;
}
html,body{

    height:100%;
    background-color: #F6F6F6;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
}

#cubeTransition{
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

#cubeTransition .divBox{
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
    color: #fff;
    display:none;
}

.page1{
    background: #5ac6ff;
    /*background:#2b4d74;
    /*background:#4579ff;*/
}

.page2{
    /*background:url("img/bg.jpg") no-repeat;background-size: cover;*/
}
.page3{
    /*background:url("img/bg2.jpg") no-repeat;background-size: cover;*/
}
.page4{
    /*background:url("img/bg3.jpg") no-repeat;background-size: cover;*/
}
.page5{background: #e9f3ff;}
.top{z-index:9999}

.rotateCubeTopOut {
    transform-origin: 50% 100%;
    animation: rotateCubeTopOut .6s both ease-in;
}
.rotateCubeTopIn {
    transform-origin: 50% 0%;
    animation: rotateCubeTopIn .6s both ease-in;
}

.rotateCubeBottomOut {
    transform-origin: 50% 0%;
    animation: rotateCubeBottomOut .6s both ease-in;
}
.rotateCubeBottomIn {
    transform-origin: 50% 100%;
    animation: rotateCubeBottomIn .6s both ease-in;
}


@keyframes rotateCubeTopOut {
    50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
    100% { opacity: .3; transform: translateY(-100%) rotateX(90deg); }
}

@keyframes rotateCubeTopIn {
    0% { opacity: .3; transform: translateY(100%) rotateX(-90deg); }
    50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}


@keyframes rotateCubeBottomOut {
    50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
    100% { opacity: .3; transform: translateY(100%) rotateX(-90deg); }
}

@keyframes rotateCubeBottomIn {
    0% { opacity: .3; transform: translateY(-100%) rotateX(90deg); }
    50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}

.navBar{height:3rem;background: #1BBEF9;}
.RowHeight{height: 3rem;line-height: 3rem;}
.logo{margin-left: 0.2rem;vertical-align: middle;display: inline-block;}
a.SanBox{display: block;width: 1.2rem;height: 1.2rem;margin-top:1rem;margin-right: 0.5rem;
    background: url("img/sss.png") no-repeat;background-size: contain;}
.SanList{width: 1.4rem;height: 1.4rem;}
.RowSanBox{height: 3rem;width: 2.4rem;position: relative;}
.SanListContent{position: absolute;top: 3rem;right: 0;width:8rem;padding:1rem;background: #fff;
    -webkit-box-shadow: 1px 1px 10px #a0a0a0;display: none;
    -moz-box-shadow: 1px 1px 10px #a0a0a0;;
    box-shadow: 1px 1px 10px #a0a0a0; }
.SanListContent li{margin-bottom: 0.8rem;line-height: 1.2rem;}
.SanListContent a.SanPhoneIcon{display: block;padding-left: 1.1rem;height: 1.2rem;line-height: 1.2rem;font-size: 0.7rem;
    background: url("img/p.png") no-repeat left center;color: #477bff;}
.SanListContent a{color: #000;font-size: 0.7rem;display: block;position: relative;}
.SanListContent a .bg1{background: url("img/faceright.png") no-repeat;
    position: absolute; width: 0.5rem;height: 0.6rem;background-size: 7px;top: 0.3rem;right:0;}
.logoSecond{margin:2.4rem auto 0.6rem;width: 6.2rem;height: 2rem;background-size: contain;}
/*background: url("img/logo1.png") no-repeat;*/
.logoTxt{font-size: 0.8rem;margin-bottom: 1rem; line-height:1.3rem}
.PicBg1{width: 14rem;height:11rem;margin:1rem auto 1rem;background: url("img/pic4.png") no-repeat;background-size: contain;}
.FontSize{font-size: 0.8rem;line-height:1.2rem;}
.SmBox{width: 20rem;margin: 0 auto;}
.M_Top{margin-top:4rem;color: #000;}
.M_STop{margin-top:2.5rem; }
.LineContent{width: 80%;margin: 1rem auto 0;}
.LineContent a{color: #000;font-size: 0.6rem;}
.LineContent p{font-size: 0.3rem;color: #000;margin-top: 0.5rem;}
.san{position: fixed;bottom: 0.5rem;width: 1rem;height: 1.5rem;left: 50%;margin-left:-0.5rem;background: url("img/san.png") no-repeat;
    background-size:contain;-webkit-animation-name: passdown;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;}
.M_Top2{margin-top: 2rem;}
.M_Top3{margin-top: 3rem;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.FontSize08{font-size: 0.8rem;}
.FontColor333{color: #333;margin-top: 0.5rem;}
.FontSize06{font-size: 0.6rem;}
.FontColor6a{color: #6a6a62;}
.coTop{margin-top: 1rem;}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%,0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
    }
}
@-webkit-keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(100%, 0%, 0);
        transform: translate3d(100%, 0%, 0);
    }
}

@keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0,0, 0);
    }

    to {
        -webkit-transform: translate3d(100%, 0%, 0);
        transform: translate3d(100%, 0%, 0);
    }
}
@-webkit-keyframes passdown
{
    0%   {bottom:10px;}
    12%   {bottom:7px;}
    24%  {bottom:5px;}
    38%  {bottom:3px;}
    50%  {bottom:0px;}
    62%  {bottom:3px;}
    75%  {bottom:5px;}
    88%  {bottom:7px;}
    100% {bottom:10px;}
}
@keyframes turnDown {
    0%{-webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);}
    100%{-webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);}
}
@-webkit-keyframes turnDown {
    0%{-webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);}
    100%{-webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);}
}
@keyframes turnUp {

    0%{-webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);}
    100%{-webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);}
}
@-webkit-keyframes turnUp {
    0%{-webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);}
    100%{-webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);}
}
.turnDown{-webkit-animation-name: turnDown;animation-name: turnDown;}
.turnUp{-webkit-animation-name: turnUp;animation-name: turnUp;}
.slideOutDown { -webkit-animation-name: slideOutDown;animation-name: slideOutDown;}
.slideOut{-webkit-animation-name: slideOut;animation-name: slideOut;}
.SecondList{padding-left: 0.4rem; background: #eaeaea;display: none;}
.SecondList p{margin-bottom:0.4rem;}
a.SanClick{text-decoration: none;}
.Mc_TxtTitle{font-size: 0.8rem;color: #477cff;}
.Mc_P_txt{font-size: 0.6rem;color: #333;line-height: 1.2rem;margin-top: 0.5rem;margin-bottom: 1.6rem;}
.Fleft{float: left;}
.P_right{width: 11rem;}
.Mc_TxtTitle2{font-size: 0.7rem;color:#333;}
.Mc_TxtTitle2 a{color:#333;}
.Mc_Bor{border-bottom: 1px solid #cbcaca;padding-bottom: 0.4rem;}
.Mc_time{font-size: 0.6rem;color: #a3a3a3;margin: 0;}
.t_list{margin-bottom: 1rem;}
.t_list li{color: #477cff;margin-bottom: 0.4rem;font-size: 0.7rem;}
.MC_Box{margin-bottom:0.5rem;}
.Mc_TxtTitle3{margin: 0;font-size: 0.6rem;color: #333;}
.color333{color: #333;}
.Mc_content{text-indent: 2em;line-height: 1.2rem;font-size: 0.6rem;margin-top: 10px;}
.conImg{width: 3rem;height: 3rem;margin-right:10px;vertical-align: middle;line-height: 3rem;text-align: center;margin-top: 20px;}
.conImg img{max-width: 3rem;max-height: 3rem;vertical-align: middle;}
.conRight{width: 75%;}
.barcode{position: static; width:160px; height: 158px;background: url(img/barcode.jpg) no-repeat;background-size: contain;margin: 20px auto 0; }
.pdfBox{margin: 2rem auto 1rem;width: 140px;}
.pdfBox img{width: 140px;}
.pdfName{text-align: center;height: 1.4rem;line-height: 1.4rem;font-size: 0.8rem;color: #000;}
.pdfName span{color: #9a9a9a;font-size: 0.6rem;}
.pdfInfo{color: #9a9a9a;margin: 3rem auto 2rem;font-size: 0.6rem;text-align: center;white-space: nowrap;}
.pdfInfo a{color: #477cff;text-decoration: none;}
a.pdfBtn{display: block;width: 220px;height: 2rem;line-height: 2rem;text-decoration: none;background: #477cff;color: #fff;font-size: 0.9rem;text-align: center;margin: 0.4rem auto 1rem;}
.Nothing{margin: 3rem auto 1rem;width: 120px;}
.Nothing img{width: 120px;}
.NothingTxt{text-align: center;font-size: 0.7rem;color: #adadad;height: 1rem;line-height: 1rem;}
.CpImg{margin-bottom: 3.2rem;}
.footBottom{position: fixed;bottom: 0;height: 3rem;background: rgba(0,0,0,0.6);font-size: 0.6rem;left: 0;line-height: 1.3rem;text-align: center;color: #fff;}
.RowHeight .VerMid{display: table-cell;vertical-align: middle;height: 3rem;line-height: 3rem;padding-left: 0.5rem;}
.RowHeight .VerMid img{vertical-align: middle;}
